import router from './index'
import store from '@/store/index'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css' // progress bar style
import { getToken } from '@/utils/auth'
import { Message } from 'element-ui'
import { constRoutes } from '@/router/index'

NProgress.configure({ easing: 'ease', speed: 700, showSpinner: false }) // NProgress Configuration


// 注册路由的前置守卫。用于控制页面访问权限
router.beforeEach(async (to, from, next) => {
  NProgress.start()

  const hasToken = getToken()
  // 通过 tokne 判断有无登录状态
  if (hasToken) {
    // 已登录且去往登录页面，直接跳转到首页
    if (to.path === '/login') {
      next({ path: '/' })
      NProgress.done()
    } else {
      // 判断是否已经获取了角色信息
      if (store.getters.roles && store.getters.roles.length > 0) {
        // 如果已经获取角色信息，则直接放行（因为获取角色信息会设置能够访问的页面）
        next()
      } else {
        // 如果没获取，则进行角色信息和角色路由获取
        try {
          const userInfo = await store.dispatch('user/getUserinfo')
          await store.dispatch('user/getPerms', userInfo[0].user_role.roleId)
          const routes = await store.dispatch('user/getURoutes')
          routes.push({
            path: '*',
            redirect: '/404',
            meta: {
              title: '404',
              is_frame: 0,
              icon: '',
              hidden: 0
            }
          }) // 404
          // 将获取的菜单转换为路由列表，处理路由重定向和高亮（根据排序）的问题
          // 设置用户最终的路由列表，并将最终路由存入 Vuex 中
          store.dispatch('user/setFinalURoutes', [...constRoutes, ...routes])
          router.addRoutes(routes)
          // routes.forEach(item => router.addRoute(item)) 方式二
          next({ ...to, replace: true })
        } catch (error) {
          await store.dispatch('user/resetToken')
          Message.error({ message: error || 'Has Error' })
          next(`/login?redirect=${to.path}`)
          NProgress.done()
        }
      }
    }
  } else {
    // 没有 token
    const notauth = ['/login', '/404', '401']
    if (notauth.includes(to.path)) {
      // 未登录，去往登录页面，直接放行
      next()
    } else {
      next(`/login?redirect=${to.path}`)
      NProgress.done()
    }
  }
})

router.afterEach(() => {
  NProgress.done()
})